<template>
    <view>
        <up-popup :show="show" mode="bottom" closeable :safeAreaInsetTop="true" round="10" @close="close">
            <!-- 标题 -->
            <view class="title">{{ current==0 ? '服务协议' : '隐私政策'}}</view>
            <!-- {{current}} -->
            <!-- 切换 -->
            <up-tabs :list="list" :scrollable="false" :is-scroll="false" v-model="current" @change="change" :activeStyle="{color:'#4050b5'}" lineColor="#4050b5"></up-tabs>
            <!-- <view class="agreement-tabs">
                <view class="agreement-tab" :class="{active: current == index}" @click="change(index)" v-for="(item,index) in list" :key="item.id">{{item.name}}</view>
            </view> -->

            <!-- 内容 -->
             <view class="content">
                <view v-if="current == 0">
                    <view class="agreement-header">
                        <view class="agreement-main-title">深度运营系统用户服务协议</view>
                        <view class="agreement-header-info">版本生效日期：2025年4月</view>
                        <view class="agreement-header-info">适用产品：Deep Operate / 深度运营系统</view>
                        <view class="agreement-header-info">服务提供方：广州帧尚文化传播有限公司</view>
                        <view class="agreement-header-desc">
                            尊敬的用户，欢迎使用"深度运营"（Deep Operate）系统。为了保障您的权益，规范使用行为，请您在注册、使用本系统服务前，认真阅读并充分理解本协议的全部条款。一旦您点击"同意"或实际使用系统服务，即视为您已阅读、理解并同意受本协议全部条款的约束。
                        </view>
                    </view>
                    <view class="agreement-title">第一条 【服务说明】</view>
                    <view class="agreement-content">
                        1.1 "深度运营"系统是由北京中大恒瑞科技有限责任公司开发，并由广州帧尚文化传播有限公司作为代理商提供的广告合规与风控辅助工具，主要服务对象为广告渠道客户及直客（以下简称"用户"）。<br/>
                        <br/>
                        1.2 本系统提供的功能包括但不限于：素材上传与审核、广告账户开户管理、风险识别巡检、数据看板展示、财务结算工具、工单与反馈、客户管理等。
                    </view>
                    <view class="agreement-title">第二条 【账号注册与信息提交】</view>
                    <view class="agreement-content">
                        2.1 用户需通过代理商渠道完成注册与开户，过程中需提交真实、合法的主体信息，包括但不限于：手机号、身份证正反面、企业营业执照等。<br/>
                        <br/>
                        2.2 代理商与平台有权对用户所提交信息进行真实性审查，如发现资料虚假，有权中止开户或限制使用相关服务。<br/>
                        <br/>
                        2.3 用户应对其账户下的一切操作行为负责，包括由其子客户或授权操作人员实施的操作。<br/>
                        <br/>
                        2.4 如用户提交的主体信息发生变更，需在7个工作日内通过系统提交更新材料，逾期未更新导致的服务限制或法律责任由用户自行承担。
                    </view>
                    <view class="agreement-title">第三条 【充值、退款与违规处理】</view>
                    <view class="agreement-content">
                        3.1 用户在系统中开设广告账户后，可根据业务需求通过代理商进行充值，资金将充值至绑定的广告投放账户。<br/>
                        <br/>
                        3.2 原则上，充值款项可在未发生投放或违规行为的前提下按流程申请退款。退款申请需通过代理商提交书面申请，并附充值凭证、未投放证明及账户信息。平台将在收到完整材料后15个工作日内完成审核，审核通过后按原支付路径退回。若客户存在严重违规行为（包括但不限于上传违法违规素材、冒用他人信息、散布虚假内容等），代理商有权暂停或封停广告账户，且有权视情况拒绝退款。<br/>
                        <br/>
                        3.3 代理商保留最终解释权以及对严重违规用户采取封禁系统访问权限与终止服务的权利。<br/>
                        <br/>
                        3.4 用户需遵守合作广告平台的审核政策及运营规范。若因用户违反广告平台规则导致账户封停、罚款等后果，由用户自行承担全部责任。
                    </view>
                    <view class="agreement-title">第四条 【系统使用规范】</view>
                    <view class="agreement-content">
                        4.1 用户不得使用本系统上传、传播或实施任何违反法律法规、公序良俗或广告平台规范的行为。<br/>
                        <br/>
                        4.2 对于违反使用规范的行为，包括但不限于：恶意注册、伪造资质文件、虚假开户、上传违规素材、利用技术手段绕过审核、恶意攻击系统服务器、传播虚假或侵权内容等，代理商有权限制其账户使用、删除相关内容或直接关闭系统访问权限。<br/>
                        <br/>
                        4.3 用户理解并同意，如因其行为导致广告平台（如字节跳动平台）对代理商产生处罚、扣分、封户等风险，用户应承担相应责任，代理商有权进行追责与账户资产冻结处置。
                    </view>
                    <view class="agreement-title">第五条 【系统变更与服务终止】</view>
                    <view class="agreement-content">
                        5.1 平台有权根据运营与安全需要不时更新系统功能、调整服务内容或升级相关规则，更新内容将通过系统公告形式通知。用户如不同意更新内容，应在通知发布后5日内书面提出异议并停止使用服务，逾期未提出异议视为接受变更内容。<br/>
                        <br/>
                        5.2 若用户长期不活跃、存在风险行为，或违反协议条款，代理商及系统平台有权中止其账户的使用，并保留拒绝提供进一步服务的权利。
                    </view>
                    <view class="agreement-title">第六条 【免责与责任限制】</view>
                    <view class="agreement-content">
                        6.1 用户理解并同意，系统作为辅助服务平台，不对广告审核通过与否、广告效果、平台惩罚决策等承担直接结果责任。<br/>
                        <br/>
                        6.2 因不可抗力、第三方服务故障（如广告平台接口变更）、政府政策或不可抗力（包括自然灾害、网络攻击、电力中断等）、用户自身操作失误等导致服务中断、数据丢失或后果产生的，平台不承担赔偿责任。
                    </view>
                    <view class="agreement-title">第七条 【知识产权与数据使用】</view>
                    <view class="agreement-content">
                        7.1 本系统及其所有内容、技术、界面设计、图标等均受法律保护，归北京中大恒瑞科技有限责任公司所有。<br/>
                        <br/>
                        7.2 用户在系统中上传的素材、信息等，其版权归用户所有，平台仅在履行服务中进行必要性处理与缓存。 用户上传的素材默认授权平台在提供服务所需的合理范围内进行存储、处理、展示及技术性分析。<br/>
                        <br/>
                        7.3 平台可匿名化使用用户行为数据进行产品优化、算法训练与风控建模，未经用户授权不向任何第三方披露原始数据。
                    </view>
                    <view class="agreement-title">第八条 【适用法律与争议解决】</view>
                    <view class="agreement-content">
                        8.1 本协议的签署、生效、解释及争议解决，均适用中华人民共和国法律。<br/>
                        <br/>
                        8.2 因本协议引起或与本协议有关的任何争议，双方应友好协商解决；协商不成的，任一方可向平台所在地法院提起诉讼。
                    </view>
                    <view class="agreement-title">第九条 【其他】</view>
                    <view class="agreement-content">
                        9.1 本协议为您与代理商之间达成的完整服务条款。<br/>
                        <br/>
                        9.2 平台有权根据需要修改本协议内容，变更将提前通知，用户如不同意变更，有权停止使用服务。<br/>
                        <br/>
                        如您对本协议内容有任何疑问，欢迎联系平台客服或所属代理商进行咨询。<br/>
                    </view>
                </view>
                <view v-if="current == 1">
                    <view class="agreement-header">
                        <view class="agreement-main-title">深度运营隐私政策</view>
                        <view class="agreement-header-info">版本生效日期：2025年4月</view>
                        <view class="agreement-header-info">适用产品：Deep Operate / 深度运营系统</view>
                        <view class="agreement-header-info">服务提供方：广州帧尚文化传播有限公司</view>
                        <view class="agreement-header-desc">
                            广州帧尚文化传播有限公司（以下简称"我们"或"平台"）重视并保护您的个人信息与隐私权。本《隐私政策》旨在说明我们在您使用深度运营（Deep Operate）系统时，如何收集、使用、存储和保护您的相关信息。<br/><br/>
                            在您注册、登录、使用系统功能前，请您务必仔细阅读并充分理解本政策内容。若您不同意其中任何条款，您应立即停止使用本系统服务。一旦您提交信息或继续使用服务，即视为您已同意本政策。
                        </view>
                    </view>
                    <view class="agreement-title">一、我们收集的信息类型</view>
                    <view class="agreement-content">
                        1.1 账户基本信息：手机号、邮箱（如有）、登录密码；<br/><br/>
                        1.2 实名认证信息：身份证正反面、姓名、身份证号、企业营业执照、统一社会信用代码、法人信息；<br/><br/>
                        1.3 广告投放行为信息：素材上传内容、账户登录日志、素材审核记录、工单信息等；<br/><br/>
                        1.4 客户子账户操作数据：包括但不限于投放IP、访问行为、操作路径等；<br/><br/>
                        1.5 日志信息：包括但不限于访问时间、频率、系统日志、风险拦截记录等。<br/><br/>
                        1.6 根据《广告法》及《网络安全法》要求，收集身份证号、企业统一社会信用代码等系履行广告主体实名义务，若用户拒绝提供将无法完成账户注册及广告投放。
                    </view>
                    <view class="agreement-title">二、我们如何使用这些信息</view>
                    <view class="agreement-content">
                        2.1 用于广告账户开户与实名信息验证；<br/><br/>
                        2.2 用于内部风控审查、素材合规判断、异常行为识别与账户关联分析；<br/><br/>
                        2.3 用于客户运营支持，包括充值对账、投放追踪、客户服务等功能；<br/><br/>
                        2.4 用于平台服务优化、安全策略模型训练与风控系统升级，包括对素材、视频及违规记录等信息进行匿名化采集和训练；<br/><br/>
                        2.5 用于基于用户主体标识（如公司名、主体信息）构建风控等级模型，用于高危行为预测与账户预警；<br/><br/>
                        2.6 用于满足法律法规、监管要求或平台合作方合规性义务。
                    </view>
                    <view class="agreement-title">三、我们如何存储与保护您的信息</view>
                    <view class="agreement-content">
                        3.1 您的所有信息将保存在中国大陆境内，存储方式包括加密存储与隔离权限访问。<br/><br/>
                        3.2 我们采用业界通行的数据安全技术与管理机制防止数据被篡改、泄露、丢失或滥用。<br/><br/>
                        3.3 除法律法规要求或经您授权外，未经允许我们不会将任何可识别您的原始信息提供给第三方。
                    </view>
                    <view class="agreement-title">四、信息披露与转移</view>
                    <view class="agreement-content">
                        4.1 我们不会出售、出租或以任何方式向第三方披露您的个人信息，以下情况除外：<br/><br/>
                        您主动授权的情形；<br/>
                        依据法律法规、司法机关、行政机关的强制要求；<br/>
                        为维护平台合法权益所必需；<br/>
                        与第三方平台（如广告服务商）必要共享时，我们将进行匿名化或脱敏处理。
                    </view>
                    <view class="agreement-title">五、用户的权利</view>
                    <view class="agreement-content">
                        5.1 您有权随时查询、更新或请求删除您提供的个人信息，方式包括联系平台客服、提交注销申请等；<br/><br/>
                        5.2 若您要求删除的信息与平台合法合规义务冲突的，我们将在合规范围内尽力满足；<br/><br/>
                        5.3 注销账户后，您上传的业务数据及身份资料将在合理期限内进行清理或匿名化处理。
                    </view>
                    <view class="agreement-title">六、未成年人保护</view>
                    <view class="agreement-content">
                        6.1 本系统服务仅面向具有完全民事行为能力的自然人或法人用户，如您为未成年人，请勿使用本系统。<br/><br/>
                        6.2 若发现未成年人注册或使用本系统，平台将立即终止服务，并在24小时内删除账户及相关信息。
                    </view>
                    <view class="agreement-title">七、政策修订与通知</view>
                    <view class="agreement-content">
                        7.1 本政策将根据业务、法律法规、监管要求进行不定期更新；<br/><br/>
                        7.2 若政策发生重大变更（如信息使用方式变更等），我们将在系统内显著位置公告并提前通知。
                    </view>
                    <view class="agreement-title">八、联系方式</view>
                    <view class="agreement-content">
                        如您对本隐私政策内容有任何疑问、投诉、建议，您可通过以下方式联系我们：<br/><br/>
                        公司名称：广州帧尚文化传播有限公司<br/>
                        联系方式：DeepOperate@zhenshangads.com<br/>
                        处理周期：我们将在7个工作日内予以反馈处理。<br/><br/>
                        感谢您信任并使用深度运营系统。
                    </view>
                </view>
            </view>
        </up-popup>

    </view>
</template>
<script setup lang='ts'>
import { ref } from 'vue'
const show = ref(false)
const list = ref([{
    name: '服务协议',
}, {
    name: '隐私政策',
}])
const current = ref(0);

const change = (e) => {
    // console.log("e", e.index);
    current.value = e.index
};
const close = () => {
    show.value = false
}
const showModus = () => {
    show.value = true
}
defineExpose({
    showModus
})


</script>
<style scoped lang='scss'>
.title {
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 10px 20px;
}
.content {
    height: 350px;
    margin-top: 20rpx;
    padding: 0 30rpx;
    overflow-y: auto ;
}
.agreement-tabs {
    display: flex;
    font-size: 16px;
    .agreement-tab {
        flex:1;
        text-align: center;
        padding: 10px 0;
    }

}
.active {
    color: #4050b5;
    border-bottom: 2px solid #4050b5;
}
.agreement-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 24px 0 12px 0;
}
.agreement-content {
    font-size: 14px;
    color: #666;
    margin-bottom: 16px;
    padding-left: 18px;
    line-height: 1.8;
}
.agreement-header {
    text-align: center;
    margin-bottom: 24px;
}
.agreement-main-title {
    font-size: 18px;
    font-weight: bold;
    color: #444;
    margin-bottom: 18px;
}
.agreement-header-info {
    font-size: 15px;
    color: #666;
    margin-bottom: 8px;
}
.agreement-header-desc {
    font-size: 14px;
    color: #888;
    margin-top: 18px;
    margin-bottom: 0;
    text-align: left;
    line-height: 1.8;
    padding: 0 10px;
}
</style>
